.detail_header{
    padding: 30rpx 30rpx 119rpx 30rpx;
    background: -webkit-linear-gradient(#ff5910, #ffa13c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ff5910, #ffa13c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ff5910, #ffa13c); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ff5910, #ffa13c); /* 标准的语法 */
    border-radius: 100% 100% 100% 100% / 0% 0% 20% 20%;
    display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    .header_image{
        height: 120rpx;;
        margin-right: 30rpx;
        position: relative;
        image{
            &:nth-child(1){
                width: 120rpx;
                height: 120rpx;
                border-radius: 50%;
                border:6rpx solid #fff;
            }
            &:nth-child(2){
                width: 30rpx;
                position: absolute;
                bottom: -10rpx;
                right: 0px;;
            }
        }
    }
    .header_content{
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        .user_info{
            width: 100%;
            view{
                &:nth-child(1){
                    text{
                        vertical-align: middle;
                        color: #fff;
                        font-size: 34rpx;
                        line-height: 34rpx;
                    }
                    image{
                        width: 59rpx;
                        height: 23rpx;;
                        vertical-align: middle;
                        margin-left: 12rpx;
                    }
                }
                &:nth-child(2){
                    margin: 12rpx 0px 20rpx 0px;
                    line-height:0rpx; 
                    image{
                        width: 20rpx;
                        height: 20rpx;
                        vertical-align: middle;
                        margin-right: 7rpx;
                    }
                }
                &:nth-child(3){
                    line-height: 28rpx;
                    text{
                        font-size: 28rpx;
                        color: #ffd1b0;
                        &:nth-child(2){
                            margin-right: 48rpx;
                        }
                    }
                    image{
                        width: 19rpx;
                        height: 24rpx;;
                        vertical-align: middle;
                        margin-right: 12rpx;
                    }
                }
            }
        }
        .header_gz{
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: flex-end;
            view{
                text-align: center;
                width: 124rpx;
                height: 50rpx;
                line-height: 50rpx;
                background-color: #fff;
                color: #ff6a10;
                border-radius: 25rpx;
            }
            image{
                width: 21rpx;
                height: 21rpx;
                margin-right: 5rpx;
            }
        }
    }
    
}

.card{
    width: 92%;
    margin: 0 auto;
    border-radius: 16rpx;
    background-color: #fff;
    -moz-box-shadow:10px 10px 10px -5px  #eee;
    -webkit-box-shadow:10px 10px 10px -5px  #eee;
    box-shadow:10px 10px 10px -5px  #eee;
    position: relative;
    top: -60rpx;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    
    .card_item{
        text-align: center;
        width: 50%;
        padding-top: 40rpx;
        view{
            &:nth-child(1){
                font-size: 30rpx;
                color: #a7a7a7;
                line-height: 30rpx;
                margin-bottom: 16rpx;
            }
            &:nth-child(2){
                display: inline-block;
                font-size: 30rpx;
                padding-bottom: 30rpx;
                
                color: #333;
                line-height: 30rpx;
            }
        }
        .active{
            border-bottom: 5rpx solid #ff6a10;
        }
    }
}
.eredar_product{
    padding:0px 30rpx;
    .product_list{
        padding: 30rpx 0px;
        border-bottom: 2rpx solid #ececec;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        &:last-child{
            border-bottom: 0px;
        }
        .product_img{
            margin-right: 30rpx;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            justify-content: flex-start;
            image{
                width: 240rpx;
                height: 240rpx;
                border-radius: 8rpx;
            }
        }
        .product_info{
            view{
                &:nth-child(1){
                    font-size: 30rpx;
                    color: #333;
                    line-height: 30rpx;
                }
                &:nth-child(2){
                    font-size: 28rpx;
                    color: #a1a1a1;
                    line-height: 28rpx;
                    margin: 20rpx 0px 42rpx 0px;
                    image{
                        width: 19rpx;
                        height: 24rpx;
                        margin-right: 9rpx;
                        vertical-align: middle;
                        &:nth-child(1){
                            width: 24rpx;
                            height: 24rpx;
                           
                        }
                    }
                    text{
                        vertical-align: middle;
                        &:nth-child(2){
                            margin-right: 65rpx;
                        }
                    }
                }
                &:nth-child(3){
                    font-size: 34rpx;
                    color: #ff5910;
                    line-height: 34rpx;
                }
            }
        }
    }
}
.fixed_height{
    height: 93rpx;;
}
.fixed_bottom{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    background-color: #fff;
    height: 93rpx;
    width: 100%;
    line-height: 93rpx;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -moz-box-shadow:0px 10px 20px #666; 
    -webkit-box-shadow:0px 10px 20px #666;
    box-shadow:0px 10px 20px #666;
    view{
        &:nth-child(1){
            padding-left: 30rpx;
            image{
                width: 30rpx;
                vertical-align: middle;
                margin-right: 12rpx;
            }
            text{
                vertical-align: middle;
                font-size: 27rpx;
                color: #ff9d10;
            }
        }
        &:nth-child(2){
            width: 300rpx;
            margin-block-start: 30rpx;
            background: -webkit-linear-gradient(left,#ff6a10, #ff9d03); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right,#ff6a10, #ff9d03); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right,#ff6a10, #ff9d03); /* Firefox 3.6 - 15 */
            background: linear-gradient(right,#ff6a10, #ff9d03); /* 标准的语法 */
            text-align: center;
            text{
                font-size: 32rpx;
                color: #fff;
                vertical-align: middle;
            }
            image{
                vertical-align: middle;
                margin-right: 20rpx;
                width: 42rpx;
            }
        }
    }
}